<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib uri="http://www.rapid-framework.org.cn/rapid" prefix="rapid" %>
<%@ include file="nav.jsp"%>
<%@ include file="logo.jsp"%>
<%@ include file="item.jsp"%>
<%@ include file="footer.jsp" %>
<rapid:override name="contentContainer">
   <a id="main-content"></a>
<div class="block block-slider-block block-slider-block-slider-block odd block-without-title" id="block-slider-block-slider-block">
  <div class="block-inner clearfix">       
    <div class="content clearfix">
      <div id="sliders-container">
		<div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" style="margin: 0px auto; background-color: rgb(255, 255, 255); padding: 0px; max-height: 500px; height: 500px; overflow: visible;">
			<div id="rev_slider_1_1" class="rev_slider fullwidthabanner revslider-initialised tp-simpleresponsive hovered" style="max-height: 500px; height: 500px;">
				<ul class="tp-revslider-mainul" style="display: block; overflow: hidden; width: 100%; height: 100%; max-height: 500px;">	<!-- SLIDE  -->
					<li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-saveperformance="off" class="tp-revslider-slidesli active-revslide current-sr-slide-visible" style="width: 100%; height: 100%; overflow: hidden; z-index: 20; visibility: inherit; opacity: 1;">
						<!-- 背景图 -->
						<div class="slotholder" style="width:100%;height:100%;" data-duration="undefined" data-zoomstart="undefined" data-zoomend="undefined" data-rotationstart="undefined" data-rotationend="undefined" data-ease="undefined" data-bgpositionend="undefined" data-bgposition="center top" data-kenburns="undefined" data-easeme="undefined" data-bgfit="cover" data-bgfitend="undefined" data-owidth="undefined" data-oheight="undefined">
							<div class="tp-bgimg defaultimg" data-lazyload="undefined" data-bgfit="cover" data-bgposition="center top" data-bgrepeat="no-repeat" data-lazydone="undefined" src="/pethub/images/CoupleWalking.jpg" data-src="/pethub/images/CoupleWalking.jpg" style="background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-image: url(&quot;/pethub/images/CoupleWalking.jpg&quot;); background-size: cover; background-position: center top; width: 100%; height: 100%; opacity: 1; visibility: inherit;"></div></div>
						<!-- LAYERS -->
				
						<!-- LAYER NR. 1 -->
						<div class="tp-caption PetHub_Large_White tp-fade tp-resizeme start" data-x="361" data-y="178" data-speed="2000" data-start="500" data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 5; white-space: nowrap; transition: all 0s ease 0s; min-height: 0px; min-width: 0px; line-height: 45px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 0px; font-size: 42px; left: 391px; top: 178px; visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1);">当没有电话时<br style="transition: all 0s ease 0s; min-height: 0px; min-width: 0px; line-height: 45px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 0px; font-size: 42px;">    
						</div>
				
						<!-- LAYER NR. 2 -->
						<div class="tp-caption PetHub_Small_Blue tp-fade tp-resizeme start" data-x="365" data-y="268" data-speed="300" data-start="2500" data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 6; white-space: nowrap; transition: all 0s ease 0s; min-height: 0px; min-width: 0px; line-height: 39px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 0px; font-size: 23px; left: 395px; top: 268px; visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1);">他需要一个ID
						</div>
				
						<!-- LAYER NR. 3 -->
						<div class="tp-caption tp-fade start" data-x="58" data-y="30" data-speed="2000" data-start="500" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 7; left: 88px; top: 30px; visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1);"><img src="/pethub/images/PH-Boston1.png" alt="" style="width: 263px; height: 455px;">
						</div>
					</li>
					<!-- SLIDE  -->
					<li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-saveperformance="off" class="tp-revslider-slidesli active-revslide" style="width: 100%; height: 100%; overflow: hidden; visibility: hidden; opacity: 0; z-index: 18;">
						<!-- MAIN IMAGE -->
						<div class="slotholder" style="width:100%;height:100%;" data-duration="undefined" data-zoomstart="undefined" data-zoomend="undefined" data-rotationstart="undefined" data-rotationend="undefined" data-ease="undefined" data-bgpositionend="undefined" data-bgposition="center top" data-kenburns="undefined" data-easeme="undefined" data-bgfit="cover" data-bgfitend="undefined" data-owidth="undefined" data-oheight="undefined"><div class="tp-bgimg defaultimg" data-lazyload="undefined" data-bgfit="cover" data-bgposition="center top" data-bgrepeat="no-repeat" data-lazydone="undefined" src="/pethub/images/Vet.jpg" data-src="/pethub/images/Vet.jpg" style="background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-image: url(&quot;/pethub/images/Vet.jpg&quot;); background-size: cover; background-position: center top; width: 100%; height: 100%; opacity: 1; visibility: inherit;"></div></div>
						<!-- LAYERS -->
				
						<!-- LAYER NR. 1 -->
						<div class="tp-caption tp-fade start" data-x="52" data-y="27" data-speed="2000" data-start="500" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 5; left: 82px; top: 27px; visibility: visible; opacity: 0; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.00166, 0, 0, 0, 1);"><img src="/pethub/images/PH-Pup.png" alt="" style="width: 263px; height: 455px;">
						</div>
				
						<!-- LAYER NR. 2 -->
						<div class="tp-caption PetHub_Large_White tp-fade tp-resizeme start" data-x="361" data-y="178" data-speed="1000" data-start="500" data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 6; white-space: nowrap; transition: all 0s ease 0s; min-height: 0px; min-width: 0px; line-height: 45px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 0px; font-size: 42px; left: 391px; top: 178px; visibility: visible; opacity: 0; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.00166, 0, 0, 0, 1);">当它很重要时 <br style="transition: all 0s ease 0s; min-height: 0px; min-width: 0px; line-height: 45px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 0px; font-size: 42px;">medical information...
						</div>
				
						<!-- LAYER NR. 3 -->
						<div class="tp-caption PetHub_Small_Blue tp-fade tp-resizeme start" data-x="365" data-y="268" data-speed="300" data-start="2500" data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 7; white-space: nowrap; transition: all 0s ease 0s; min-height: 0px; min-width: 0px; line-height: 39px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 0px; font-size: 23px; left: 395px; top: 268px; visibility: visible; opacity: 0; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.00166, 0, 0, 0, 1);">它需要一个ID
						</div>
					</li>
				</ul>
				<div class="tp-bannertimer" style="width: 29.4444%; visibility: visible; transform: translate3d(0px, 0px, 0px);"></div>	<div class="tp-loader spinner3" style="display: none;"><div class="dot1"></div><div class="dot2"></div><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div></div>
				<div class="tp-bullets simplebullets round" style="bottom: 20px; left: 50%; margin-left: -25px;">
				<div class="bullet first selected">
				</div>
				<div class="bullet last"></div>
				<div class="tpclear"></div>
				</div>
				<div style="position: absolute; top: 250px; margin-top: -20px; left: 20px;" class="tp-leftarrow tparrows default round">
				<div class="tp-arr-allwrapper">
				<div class="tp-arr-iwrapper">
				<div class="tp-arr-imgholder" style="visibility: inherit; opacity: 1; background-image: url(&quot;/pethub/images/Vet.jpg&quot;);"></div>
				<div class="tp-arr-imgholder2"></div><div class="tp-arr-titleholder"></div><div class="tp-arr-subtitleholder"></div></div></div></div>
				<div style="position: absolute; top: 250px; margin-top: -20px; right: 20px;" class="tp-rightarrow tparrows default round">
				<div class="tp-arr-allwrapper"><div class="tp-arr-iwrapper"><div class="tp-arr-imgholder" style="visibility: inherit; opacity: 1; background-image: url(&quot;/pethub/images/Vet.jpg&quot;);"></div>
				<div class="tp-arr-imgholder2"></div>
				<div class="tp-arr-titleholder"></div><div class="tp-arr-subtitleholder"></div></div></div></div></div>	</div>    </div>
  </div>
</div>

<div class="block block-system block-main block-system-main even block-without-title" id="block-system-main">
  <div class="block-inner clearfix">
                
    <div class="content clearfix">
      <div class="panel-display omega-grid omega-12-onecol">
  <div class="panel-panel">
    <div class="inside"><div class="panel-pane pane-custom pane-1">
  
      
  <!-- 填入文章 -->
  <div class="pane-content">
    <h1>
	</h1>
	<p>文章内容</p>
	<p></p><center>
<p></p></center>
  </div>

  
  </div>
<div class="panel-separator"></div><div class="panel-pane pane-custom pane-2">
  <div class="pane-content">
    <p><a class="btn-yellow" href="/pethub/registration">现在开始注册</a></p>
  </div>
  </div>
</div>
  </div>
</div>
    </div>
  </div>
</div>   
</rapid:override>
<%@ include file="base.jsp" %>